<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Access-Control-Allow-Origin" content="*" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

	</head>
	<link rel="stylesheet" type="text/css" href="/../css/animate.css" />
	<link rel="stylesheet" href="/../css/bootstrap.min.css" />
	<link rel="stylesheet" href="/../css/car-Valuation.css" />
	<link rel="stylesheet" href="/../layui/css/layui.css" />

	<body>
		<div class="mask animated bounceInDown">

			<div class="mask-center">
				<div class="rowbox">
					<div class="rowleft">
						<img class="icon_money" src="/../images/telphone.png" />
					</div>
					<div class="rowright">
						<input type="" name="" id="loanTelphone" placeholder="手机号" />
					</div>
					<div class="clear">

					</div>
				</div>

				<div class="rowbox rowbox1">
					<div class="rowleft rowleft1">
						<img class="icon_money" src="/../images/yanzhengma.png" />
					</div>
					<div class="rowright rowrgiht1">
						<input type="" name="" id="loanShortYan" placeholder="输入验证码" style="width: 60%;padding-left:10px ;" />
						<input type="button" class="huo" id="TencentCaptcha" data-appid="2036003549" data-cbfn="callback" value="免费获取验证码" />

					</div>
					<div class="clear">
					</div>
				</div>
				<button class="btn btn-primary submit">确定</button>
				<button class=" btn btn-danger cancel">取消</button>

			</div>
		</div>
		<div class="index">

			<div class="index-top">
				<img src="/../images/car-Valuation-top.jpg" alt="顶部图">
			</div>

			<div class="index-center">
				<div class="input-group" id="input-group">
					<div class="index-ident">

						<form class="layui-form " action="">
							<label>
                                     <img src="/../images/index-icon.png" alt="" class="car-brand">
                                     <span class="index-span">车辆品牌:</span>
                                     
                            </label>

							<div class="layui-input-inline">

								<select name="interest" lay-filter="business" lay-verify="required" lay-search="" class="ident-select ident-brand" onchange="choice($(" .ident-brand option:selected ").text(),$('.car-brand'))">
									<!--choice($('.ident-brand').val(),$('.car-brand'))-->
									<option value>直接选择或搜索选择</option>

								</select>
							</div>
						</form>

					</div>

				</div>
				<!-- /input-group -->
				<div class="input-group" id="input-group">
					<div class="index-ident">
						<form class="layui-form" action="">
							<label>
                                     <img src="/../images/index-icon.png" alt="" class="car-system">
                                     <span class="index-span" style="letter-spacing: 6px;">车&nbsp;&nbsp;系:</span>
                                     
                            </label>

							<div class="layui-input-inline">

								<select lay-filter="system" name="modules" lay-verify="required" lay-search="" class="form-inline  ident-select1 ident-system">
									<option value="">请选择</option>
								</select>
							</div>
						</form>

					</div>

				</div>
				<div class="input-group" id="input-group">
					<div class="index-ident">
						<form class="layui-form" action="">
							<label>
                                     <img src="/../images/index-icon.png" alt="" class="car-type">
                                     <span class="index-span" style="letter-spacing: 6px;">车&nbsp;&nbsp;型:</span>
                                     
                            </label>

							<div class="layui-input-inline">

								<select lay-filter="type" name="modules" lay-verify="required" lay-search="" class="form-inline  ident-select1 ident-type">
									<option value="">请选择</option>

								</select>
							</div>
						</form>

					</div>

				</div>
				<div class="input-group" id="input-group">
					<div class="index-ident">
						<form class="layui-form" action="">
							<label>
                                     <img src="/../images/index-icon.png" alt="" class="car-city">
                                     <span class="index-span">所在城市:</span>
                                     
                            </label>

							<div class="layui-input-inline">

								<select name="modules" lay-filter="city" lay-verify="required" lay-search="" class="form-inline  ident-select ident-city" style="margin-left: 14.5px;">
									<option value="0">请选择</option>
									<option value="1">成都</option>

								</select>
							</div>
						</form>

					</div>

				</div>
				<div class="input-group" id="input-group">
					<div class="index-ident">
						<form class="layui-form" action="">

							<label>
                                     <img src="/../images/index-icon.png" alt="" class="carTime">
                                     <span class="index-span">上牌时间:</span>
                                     
                            </label>

							<div class="layui-input-inline" style="margin-left: -10px;">
								<input style="width: 104%;" type="text" class="layui-input ident-select" id="car-time" placeholder="格式为 :2016-03" oninput="mileage($('#car-time').val,$('.carTime'))">

							</div>
						</form>

					</div>

				</div>
				<div class="input-group" id="input-group">
					<div class="index-ident">
						<form class="layui-form" action="">
							<label>
                                     <img src="/../images/index-icon.png" alt="" class="identi-mileage">
                                     <span class="index-span">行驶里程:</span>
                                     
                            </label>

							<div class="layui-input-inline" style="margin-left: -10px;">
								<input style="width: 104%;" type="text" class="layui-input ident-select" placeholder="单位(万公里)" id="car-mileage" oninput="mileage($('#car-mileage').val,$('.identi-mileage'))">

							</div>
						</form>

					</div>

				</div>

				<div class="index-sure" data-dismiss="modal">下一步</div>

			</div>
		</div>
		<script type="text/javascript" src="/../js/jquery.min.js"></script>
		<script src="/../js/car-Valuation.js"></script>
		<script src="/../layui/layui.js"></script>
		<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
		<script>
			layui.use('form', function() { //此段代码必不可少
				var form = layui.form;
				form.render();
				form.on('select(type)', function(data) {

					data.value != '请选择' ? $('.car-type').attr("src", "/../images/car-icon1.png") : $('.car-type').attr("src", "/../images/index-icon.png");

				});
				form.on('select(city)', function(data) {

					data.value != 0 ? $('.car-city').attr("src", "/../images/car-icon1.png") : $('.car-city').attr("src", "/../images/index-icon.png");

				});
			});
			var countdown = 60;

			function settime() {
				function time() {
					settime();
				}
				var t1 = window.setTimeout(time, 1000);
				if(countdown == 0) {

					$(".huo").val("免费获取验证码");
					window.clearInterval(t1);
					countdown = 60

				} else {
					$(".huo").val("重新发送(" + countdown + ")");

					countdown--;
				}

			};
		</script>
	
	</body>

</html>